<!--
  Generated template for the AssistantofficePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar>
    <ion-title>办公用品管理</ion-title>
    <ion-buttons end>
      <button ion-button icon-only (click)="dosearch()">
        <ion-icon name="search"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>


<ion-content>
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>
  <ion-list class="search">
    <ion-item-sliding *ngFor="let item of listItems">
      <ion-item>
        <ion-label>
          <div tappable (click)="dodetail(item)">编号：{{item.code}} 名称：{{item.name}} </div>
          <div tappable (click)="dodetail(item)">单价：{{item.price}} 数量：{{item.num}}</div>
          <div tappable (click)="dodetail(item)">单位：{{item.unit}} 类型：{{item.type}} </div>
          <div tappable (click)="dodetail(item)">管理部门：{{item.departname}} 归属：{{item.assetBelong}} </div>
          <div tappable (click)="dodetail(item)">购买时间：{{item.buyDate}} </div>
        </ion-label>
      </ion-item>
      <ion-item-options side="right">
        <button color="default" ion-button (click)="doedit(item)">修改</button>
        <button color="danger" ion-button (click)="dodel(item)">删除</button>
      </ion-item-options>
    </ion-item-sliding>
  </ion-list>
  <div class="nodata" *ngIf="listItems.length == 0">找不到您要的数据哦^</div>
  <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>